<template>
  <div class="terms-container">
    <div class="terms-content">
      <h1 class="page-title">服务条款</h1>
      
      <section class="terms-section">
        <h2>接受条款</h2>
        <p>欢迎使用京剧苑网站。通过访问或使用本网站，您同意受本服务条款的约束。如果您不同意这些条款，请不要使用本网站。</p>
      </section>

      <section class="terms-section">
        <h2>账户责任</h2>
        <p>用户在使用本网站服务时的责任包括：</p>
        <ul>
          <li>提供真实、准确、完整的个人信息</li>
          <li>妥善保管账户和密码，对账户下的所有活动负责</li>
          <li>不得将账户转让或出借给他人使用</li>
          <li>发现账户异常时及时联系我们</li>
        </ul>
      </section>

      <section class="terms-section">
        <h2>知识产权</h2>
        <p>本网站的知识产权规定：</p>
        <ul>
          <li>网站内容（包括文字、图片、音频、视频等）的著作权归京剧苑所有</li>
          <li>未经授权，不得复制、修改、传播网站内容</li>
          <li>用户上传的内容，需确保拥有相应的权利</li>
          <li>尊重知识产权，遵守相关法律法规</li>
        </ul>
      </section>

      <section class="terms-section">
        <h2>服务规范</h2>
        <p>使用本网站服务时，用户不得：</p>
        <ul>
          <li>发布违法、有害、威胁、辱骂、骚扰等内容</li>
          <li>冒充他人或虚假陈述</li>
          <li>干扰网站正常运营或系统功能</li>
          <li>未经授权收集其他用户信息</li>
          <li>从事任何违法或不当行为</li>
        </ul>
      </section>

      <section class="terms-section">
        <h2>服务变更</h2>
        <p>京剧苑保留以下权利：</p>
        <ul>
          <li>随时修改或终止服务的权利</li>
          <li>更新服务条款的权利</li>
          <li>调整服务内容和功能的权利</li>
          <li>在必要时限制或终止用户访问的权利</li>
        </ul>
      </section>

      <section class="terms-section">
        <h2>免责声明</h2>
        <p>京剧苑不承担以下责任：</p>
        <ul>
          <li>因不可抗力导致的服务中断或损失</li>
          <li>用户自身原因造成的损失</li>
          <li>第三方行为导致的损害</li>
          <li>非京剧苑原因导致的信息泄露</li>
        </ul>
      </section>

      <section class="terms-section">
        <h2>争议解决</h2>
        <p>关于服务条款的争议解决方式：</p>
        <ul>
          <li>优先通过友好协商解决</li>
          <li>协商不成的，提交至吉林市有管辖权的人民法院处理</li>
          <li>适用中华人民共和国法律</li>
        </ul>
      </section>

      <div class="terms-footer">
        <p>最后更新时间：2024年3月15日</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'TermsVue',
  mounted() {
    document.title = '京剧苑 - 服务条款'
    window.scrollTo(0, 0);
  }
}
</script>

<style scoped>
.terms-container {
  padding: 2rem 5%;
  max-width: 1200px;
  margin: 0 auto;
}

.terms-content {
  background: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
}

.page-title {
  color: #8B0000;
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 2rem;
  font-family: 'STZhongsong', serif;
}

.terms-section {
  margin-bottom: 2rem;
}

.terms-section h2 {
  color: #8B0000;
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-family: 'STZhongsong', serif;
}

.terms-section p {
  color: #333;
  line-height: 1.6;
  margin-bottom: 1rem;
}

.terms-section ul {
  list-style-type: disc;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
}

.terms-section li {
  color: #333;
  line-height: 1.6;
  margin-bottom: 0.5rem;
}

.terms-footer {
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px solid #eee;
  text-align: center;
  color: #666;
}

@media (max-width: 768px) {
  .terms-container {
    padding: 1rem;
  }

  .terms-content {
    padding: 1rem;
  }

  .page-title {
    font-size: 2rem;
  }

  .terms-section h2 {
    font-size: 1.3rem;
  }
}
</style> 